梦入琼楼寒有月，行过石树冻无烟

CSS 链接与表格

2022-04-21
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<style>
	/*未访问时*/
	a:link {
		color: #000000;
	}
	/*正常*/
	a:visited {
		color: #FF0000;
	}
	/*鼠标接触*/
	a:hover {
		color: #00FF00;
	}
	/*单击时*/
	a:active {
		color: #0000FF;
	}
</style>
<body>
	<a href="http://zsdk.org.cn/"  style="text-decoration:none" target="_blank">首页</a>
</body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<style>
	/*未访问时*/
	a:link {
		background-color: #000000;
	}
	/*正常*/
	a:visited {
		background-color: #FF0000;
	}
	/*触点*/
	a:hover {
		background-color: #00FF00;
	}
	/*单击*/
	a:active {
		background-color: #0000FF;
	}
</style>
<body>
	<a href="http://jiangxue.org.cn/" style="text-decoration:none" target="_blank">访问首页</a>
</body>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<style>
	ul {
		/*列表样式类型*/
		list-style-type: none;
		
		/*向东南移动*/
		padding: 100px;
		
		/*向东南移动*/
		margin: 130px;
	}
	ul li {
		background-image: url(http://cdn.hktd32t.10.10.8.132.scdn.td98.com/jiangxue.org.cn/picture/ui.png);
		
		/*背景是否重复*/
		background-repeat: no-repeat;
		
		/*背景位置*/
		background-position: 0px 5px;
		
		/*左填充*/
		padding-left: 30px;
	}
</style>
<body>
<ul>
	<li>你好世界</li>
	<li>Hello,world</li>
</ul>
</body>
ID DE FA
link 未访问时 <a>
visited 正常
hover 鼠标接触
active 单击时
text-decoration:none 去除链接下划线
list-style-type 列表样式类型（none) ul
padding 向东南移动
margin 向东南移动
repeat 背景是否重复（no-repeat） background
position 背景位置
left 左填充 padding
⬅️ Go back